<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3">非会员列表</h1>
</div>
<!-- toaster directive -->
<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<div class="wrapper-md" ng-controller="nomemberCtrl">
    <div class="panel panel-default">
        <div class="panel-heading">
            非会员列表
        </div>
        <div class="panel-body b-b b-light">
            条数:
            <select class="input-sm form-control w-sm inline v-middle" ng-model="search_obj.pageSize">
                <option value="10">10</option>
                <option value="20">20</option>
                <option value="30">30</option>
                <option value="40">40</option>
                <option value="50">50</option>
            </select>

            会员名:
            <input  type="text" class="form-control input-sm w-sm inline m-r" ng-model="search_obj.name" /> 手机号:
            <input  type="text" class="form-control input-sm w-sm inline m-r" ng-model="search_obj.phone" /> 邮箱地址:
            <input  type="text" class="form-control input-sm w-sm inline m-r" ng-model="search_obj.email" /> 身份证号:
            <input  type="text" class="form-control input-sm w-sm inline m-r" ng-model="search_obj.idcard" />
            
            <!-- 角色:
            <select class="input-sm form-control w-sm inline v-middle" ng-model="search_obj.role">
                <option value="">全部</option>
                <option value="0">会员</option>
                <option value="1">非会员</option>
            </select> -->


            <button class="btn btn-sm btn-default" ng-click="searchFun()">搜索</button>
        </div>
        <div>
            <table class="table m-b-none">
                <thead>
                    <tr>
                        <th>
                            用户名
                        </th>
                        <th>
                            手机号
                        </th>
                        <th>
                            邮箱
                        </th>
                        <th>
                            身份证号
                        </th>
                        
                        <th>
                            性别
                        </th>

                        <th>
                            地址
                        </th>
                        <th>
                            备注
                        </th>
                        <th>
                            状态
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="item in pageData">
                        <td>{{item.name}}</td>
                        <td>
                            {{item.phone}}
                        </td>
                        <td>{{item.email}}</td>
                        <td>{{item.idcard}}</td>
                        <td>{{item.sex | sexFilter}}</td>
                        <td>{{item.address}}</td>
                        <td>{{item.remarks}}</td>
                        <td>
                            <span class="btn btn-sm bg-success" ng-if="item.role==1" title="修改为会员" ng-click="tranlateMember(item)">转为会员</span>
                            <span class="btn btn-sm bg-success" ng-if="item.role==0" disabled title="会员">会员</span>
                        </td>
                    </tr>
                </tbody>
                <tfoot class="hide-if-no-paging">
                    <tr>
                        <td colspan="5" class="text-center">
                            <tm-pagination conf="paginationConf" ng-if="paginationConf"></tm-pagination>

                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>





</div>